ul.list-country {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
ul.list-country li {
	margin: 4px 0px;
	font-family: Droid Sans;
	color: dimGray;
	font-size: 14px;
}
.active-panel 
{
	float:right;
	height:25px;
	margin:12px -15px 0 0;
	line-height:25px;
	border:solid 1px #CCC;
	border-radius:5px;
	padding:1px 10px;
	font-family:Droid Sans;
	font-size:14px;
}
.buttonCreateDepartment 
{
	border:solid 1px #CCC;
	padding:4px 10px;
	overflow:hidden;
	color:#666;
	background: #FCFCFC;
	background: url();
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFC), color-stop(100%,#F2F2F2));
	border-radius:5px;
	float:right;
	font-size:13px;
	margin:12px -15px 0 0;
	font-family: Oswald;
	color: #8F8F8F;
	font-size: 13px;
	text-shadow: 0 1px 0 white;
	box-shadow: 0 2px 3px #EAEAEA;
}
.active-panel span.abc
{
	padding:5px 5px 0 0;
	float:left;
}
.tienvn_panel 
{
	position:relative;
}
.numberofpage 
{
	float:right;
	height:25px;
	margin-top:5px;
	line-height:30px;
	border:solid 1px #CCC;
	border-radius:5px;
	padding:0 10px;
	font-family:Droid Sans;
	font-size:14px;
	margin-right:10px;
}
.numberofpage select 
{
	margin-top:4px;
	border:none;
	font-weight:bold;
	font-size:14px;
}
.loading 
{
	width:100;
	background-color: rgba(0,0,0,0.5);
	position:absolute;
	top:80px;
	left:160px;	
	z-index:9999;
}
.opacity 
{
	opacity:0;
}
.dtPagination b 
{
	display: inline-block;
		background: #fcfcfc; /* Old browsers */
		background: url();
		background: -moz-linear-gradient(top,  #fcfcfc 0%, #f2f2f2 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fcfcfc 0%,#f2f2f2 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fcfcfc 0%,#f2f2f2 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #fcfcfc 0%,#f2f2f2 100%); /* W3C */
	    border: 1px solid Orange;
	    border-radius: 3px;
	    height: 26px;
	    line-height: 26px;
	    box-shadow: 0 1px 0 #ffffff, 0 1px 0 #ffffff inset;	
	    font-family: Oswald;
		color: Orange;
		font-size: 12px;
		text-shadow: 0 1px 0 #FFFFFF;
		box-shadow: 0 2px 3px #EAEAEA;
		cursor: pointer;
		padding:1px 10px;
}

ul.tab_nav ul 
{
	display:none;
}
ul.tab_nav li:hover ul 
{
	display:block;
	margin:0;
	padding:0 0 10px 0;
	
}
ul.tab_nav ul li
{
	margin:0;
	padding:3px 0 0 0;
}

ul.tab_nav ul li:last-child
{
	margin-bottom:10px;
}
ul.tab_nav ul li a
{
	font-family: Droid Sans;
	color: #8f8f8f;
	font-size: 13px;
	text-shadow: 0 1px 0 #FFFFFF;
	padding-left:10px;
	line-height:15px;
}

ul.tab_nav > li.active_tab ul 
{
	display:block;
	margin:0;
	padding:0;
}

/*CSS 3 Clock*/
.clock{
	/* The .clock div. Created dynamically by jQuery */
	height:150px;
	width:150px;
	position:relative;
	overflow:hidden;
	float:left;
}

.clock .rotate{
	/* There are two .rotate divs - one for each half of the background */
	position:absolute;
	width:150px;
	height:150px;
	top:0;
	left:0;
}

.rotate.right{
	display:none;
	z-index:11;
}

.clock .bg, .clock .front{
	width:75px;
	height:150px;

	position:absolute;
	top:0;
}

.clock .display{
	/* Holds the number of seconds, minutes or hours respectfully */
	position:absolute;
	width:150px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	z-index:20;
	color:#F5F5F5;
	font-size:60px;
	text-align:center;
	top:40px;
	left:0;
	
	/* CSS3 text shadow: */
	text-shadow:4px 4px 5px #333333;
}

/* The left part of the background: */

.clock .bg.left{ left:0; }

/* Individual styles for each color: */
.orange .bg.left{ background:url(../images/clock/bg_orange.png) no-repeat left top; }
.green .bg.left{ background:url(../images/clock/bg_green.png) no-repeat left top; }
.blue .bg.left{	background:url(../images/clock/bg_blue.png) no-repeat left top; }

/* The right part of the background: */
.clock .bg.right{ left:75px; }

.orange .bg.right{ background:url(../images/clock/bg_orange.png) no-repeat right top; }
.green .bg.right{ background:url(../images/clock/bg_green.png) no-repeat right top; }
.blue .bg.right{ background:url(../images/clock/bg_blue.png) no-repeat right top; }


.clock .front.left{
	left:0;
	z-index:10;
}

#fancyClock{
	border:1px solid #111111;
}

.widget_contents a 
{
	color:#000;
}

.popup-container
{
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.4);
	position:fixed;
	top:0;
	left:0;	
	z-index:9999;
	
}

.popup 
{
	width:960px;
	height:500px;
	background:#FFF;
	border:solid 1px orange;
	margin:150px auto;
	border-radius:5px;
	padding:10px;
	overflow:scroll;
}
#alertMessage {
position: fixed;
right: -90px;
text-transform: uppercase;
bottom: 35px;
z-index: 100001;
cursor: pointer;
border: 1px solid;
display: none;
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
background-size: 40px 40px;
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)), color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .4);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .4);
font-size: 13px;
text-transform: capitalize;
border: 1px solid!important;
color: white;
padding: 15px;
text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
-webkit-animation: animate-bg 5s linear infinite;
-moz-animation: animate-bg 5s linear infinite;
margin-bottom: 10px;
}
#alertMessage .success {
background-color: #61B832;
border-color: #55A12C !important;
text-shadow: 1px 1px 1px #5C9201;
}

.enable 
{
	color:#000 !important;
}
.intro h1 
{
	text-align:center;

	margin:150px 0 0 0;
	font-family: Droid Sans;
	color: #000;
	font-size: 35px;
	text-shadow: 1px 5px 1px #F21120;
}
.g_12_tienvn, .g_10_tienvn, .g_9_tienvn, .g_8_tienvn, .g_6_tienvn, .g_4_tienvn, .g_3_tienvn, .g_2_tienvn {
		float: left;
		border: 10px solid rgba(0,0,0,0);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
	}
.g_2_tienvn {
		width: 16.66%;
	}

	.g_3_tienvn {
		width: 25%;
	}

	.g_4_tienvn {
		width: 33.33%;
	}

	.g_6_tienvn {
		width: 50%;
	}

	.g_8_tienvn {
		width: 66.66%;
	}

	.g_9_tienvn {
		width: 75%;
	}

	.g_10_tienvn {
		width: 83.33%;
	}

	.g_12_tienvn {
		width: 100%;
	}
.widget_contents_tienvn {
		background-color: #FDFDFD;
		border: 1px solid #C9C9C9;
		border-radius: 0 0 3px 3px;
		box-shadow: inset 0 1px 0 #ffffff;
		padding: 0px;
		font-size:13px;
		font-family:Droid Sans;
		color:#666;
	}
.g_6_tienvn ul 
{
	padding:0px;
	margin:0px;
	list-style:none;
}
.g_6_tienvn ul.title_ul 
{
	width:40%;
	line-height:30px;
	float:left;
}
.g_6_tienvn ul.title_ul li
{
	padding:5px 0;
}
.g_6_tienvn ul.control_ul 
{
	width:60%;
	line-height:30px;
	float:left;
	
}
.g_6_tienvn ul.control_ul li 
{
	padding:5px 0;
}
.g_6_tienvn ul.control_ul input[type='text'] 
{
	width:90%;
	padding:4px;
	border:solid 1px #BBB;
	border-radius:2px;
}
.g_6_tienvn ul.control_ul select
{
	width:95%;
	padding:4px 5px;
	border:solid 1px #BBB;
	border-radius:2px;
}
.g_6_tienvn ul.control_ul input[type='radio'] 
{
	padding-top:10px;
	display:inline;
}
.g_6_tienvn ul.control_ul textarea 
{
	width:90%;
	height:50px;
	padding:5px 4px;
	max-width:90%;
	max-height:50px;
	border:solid 1px #CCC;
	border-radius:3px;
}
.g_6_tienvn .small_text
{
	width:64% !important;
}
.g_6_tienvn .buttonlookup
{
	width:25%;
	border:solid 1px #CCC;
	padding:5px 0;
	overflow:hidden;
	color:#666;
	background:#FFF;
	border-radius:3px;
}
.top-nav 
{
	float:right;
	font-size:13px;
	margin-right:9px;
}
.top-nav .buttontop
{
	border:solid 1px #CCC;
	padding:5px 15px;
	overflow:hidden;
	color:#666;
	background:#FFF;
	border-radius:3px;
}

.textbox-error 
{
	border:solid 1px red;
}